<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<style type="text/css">
   
      

     
      
      .top{
      	width: 100%;
      	height: 100px;
      	background-color:pink;
      	/*相对定位：相对于自身原有的位置进行定位 并带有 偏移属性 top left */
      	position: relative;
      	top: 20px;
      	left: 30px;
      }

         .top1{
      	width: 100%;
      	height: 100px;
      	background-color:red;
      	/*相对定位：相对于自身原有的位置进行定位 并带有 偏移属性 top left */
      	/*z-index: 100;*/
      }
	</style>
      

</head>
<body>
     <div class="top">1</div>
     <div class="top1">2</div>
    
      
  


</body>
</html>


